<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./style.css">
  <title>武科带会员注册</title>
</head>
<body>
  <div class="register">
    <form action="#" method="post" class="data">
      <span id="welcome">欢迎注册会员</span>
      <table>
        <tr>
         <td class="inf">手机号码</td>
          <td class="gain">
            <input id="userphone" type="text required" placeholder="11位手机号码" maxlength="11" onblur="checkPhone(this.value)" onfocus="clearPhoneError()">
            <strong>必填</strong><span id="phoneError" class="notice"></span>
          </td>
        </tr>
        <tr>
         <td class="inf">创建密码</td>
         <td class="gain">
           <input id="userpswd" type="password required" placeholder="8位密码" maxlength="8" onblur="checkUserpswd(this.value)" onfocus="clearPswdError()">
           <strong>必填</strong><span id="pswdError" class="notice"></span>
         </td>
       </tr>
       <tr>
         <td class="inf">注册邮箱</td>
         <td class="gain">
          <input id="useremail" type="email required" placeholder="例如wustzz@sina.com" onblur="checkEmail(this.value)" onfocus="clearEmailError()">
          <strong>必填</strong></strong><span id="emailError" class="notice"></span>
         </td>
       </tr>
       <tr>
        <td class="inf">验证码</td>
        <td class="gain">
          <input id="usercode" type="text required" placeholder="验证码（不区分大小写）" onblur="checkCode(this.value)" onfocus="clearCodeError()">
          <span id="code" title="看不清，换一张"></span><span id="codeError" class="notice"></span>
        </td>
       </tr>
       <tr>
        <td class="inf">性别</td>
        <td class="gain">
          <input type="radio" name="sex"><span>男</span>
          <input type="radio" name="sex"><span>女</span>
        </td>
        </tr>
        <tr>
         <td class="inf">生日</td>
         <td class="gain">
          <input type="date" name="date">
         </td>
        </tr>
      <tr>
        <td class="inf">年龄</td>
        <td class="gain">
          <input type="number" maxlength="3">
        </td>
      </tr>
      <tr>
        <td class="inf">籍贯</td>
        <td class="gain">
          <select id="pr" onchange="init(this.selectedIndex)">
            <option>请选择</option>
          </select>
          <select id="cit">
            <option>请选择</option>
          </select>
          
        </td>
      </tr>
      <tr>
        <td class="inf">个人学历</td>
        <td class="gain">
          <select>
            <option>请选择</option>
            <option>本科</option>
            <option>带专</option>
            <option>职高</option>
            <option>黄家湖高等专科职业技术学校</option>
            <option>青山科技带专</option>
          </select>
        </td>
      </tr>
      <tr>
        <td class="inf">月薪</td>
        <td class="gain">
          <input type="range" id="range" min="0" max="30000" 
            value="0" step="10" oninput="change()" onput="change()">
          <span id="value">0</span>
        </td>
      </tr>
      <tr>
        <td class="inf">个人爱好</td>
        <td class="gain">
          <input type="checkbox"><span>唱</span>
          <input type="checkbox"><span>跳</span>
          <input type="checkbox"><span>rap</span>
          <input type="checkbox"><span>篮球</span>
        </td>
      </tr>
      <tr>
        <td class="inf">个人照片</td>
        <td class="gain">
          <input type="file" id="inputimg"><br>
          <img id="fileimg">
        </td>
      </tr>
      <tr>
        <td class="inf">个人简历</td>
        <td class="gain">
          <textarea rows="15" cols="40"></textarea>
        </td>
      </tr>
      <tr class="button">
        <td><input type="submit" value="提交" onclick="checkAll();"></td>
        <td><input type="reset" value="重置"></td>
      </tr>
    </table>
  </form>
  </div>
</body>
<script src="./code.js"></script>
<script src="./choose.js"></script>
<script src="./change.js"></script>
<script src="./img.js"></script>
<script src="./judge.js"></script>
</html>